<!DOCTYPE HTML>
<html>

<head>
    {% block meta %}
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {% endblock %}

    <title>
        {%block title%}数据库监控系统{%endblock%}
    </title>

    {% block css %}
    <link href="{{url_for('static', filename='bootstrap3/css/bootstrap.min.css')}}" rel="stylesheet">
    <link href="{{url_for('static', filename='select2/select2.css')}}" rel="stylesheet">
    <link href="{{url_for('static', filename='layer/skin/layer.css')}}" rel="stylesheet">
    <link href="{{url_for('static', filename='css/select2-bootstrap.css')}}" rel="stylesheet">
    <link href="{{url_for('static', filename='bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css')}}" rel="stylesheet"> </link>
    <link rel="stylesheet" href="{{url_for('static', filename='bootstrap-tokenfield/css/bootstrap-tokenfield.min.css')}}">
    <link href="/static/css/base.css" rel="stylesheet">
    <link href="{{url_for('static', filename='css/g.css')}}" rel="stylesheet">
    <link href="/static/css/common.css?v=0.2.1" rel="stylesheet">
    <style>
        body {
            font-size:12px;
            font-family: 'verdana', 'Microsoft YaHei', 'Consolas', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono';
            background-color: #eeeeee;
            overflow: hidden;
        }
        select {font-size:12px;}
        input {font-size:12px;}
    </style>
    {% endblock %}
</head>
<script src="{{url_for('static', filename='js/jquery.min.js')}}"></script>
<script src="{{url_for('static', filename='layer/layer.min.js')}}"></script>
<script src="{{url_for('static', filename='js/g.js')}}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='layer/extend/layer.ext.js') }}"></script>
<script src="{{url_for('static', filename='js/jquery.query.js')}}"></script>
<script src="{{url_for('static', filename='bootstrap3/js/bootstrap.min.js')}}"></script>
<script src="{{url_for('static', filename='js/moment.min.js')}}"></script>
<script src="{{url_for('static', filename='select2/select2.min.js')}}"></script>
<script src="{{url_for('static', filename='bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js')}}"></script>
<script src="{{url_for('static', filename='bootstrap-tokenfield/bootstrap-tokenfield.min.js')}}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='js/moment-with-locales.js') }}"></script>
<script src="{{url_for('static', filename='js/uic.js')}}"></script>
<body>
    <div style="position:absolute;
        width: 100%;
        height: 100%;
        background-image: url(../../static/img/infomon-min.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;">
        <div>
            <div style="position: relative;
                top: 15px;
                left: 20px;
                font-size: 34px;
                color: #f45d54;
                width: 255px;
                height: 80px;
                vertical-align: middle;
                line-height: 48px;
                font-family: CenturyGothic;">InfoMon</div>
            {% block container_outer %}
            {%endblock%}
        </div>
    </div>
</body>
</html>
